/*-----------------------------------------------------------------------------
site.no generic style

author:		Gerhard Sletten
website:	http://www.gersh.no
colors:		#8adbff 	Light blue
			#00a0c6		Main blue
			#8cc63f		Green
			#000038		Dark blue
			#FFFFB3		Lght yllw
			#eee		Light gray
			#ddd		Border gray
			222d2d
			
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("core.css");
@import url("wordpress.css");

/* =General
-----------------------------------------------------------------------------*/
html 	{ font-size: 100%; }
body 	{ font: 13px/130% Arial, Helvetica, sans-serif; color: #000038; background: #222d2d url(../images/bg_site.gif); }

h1, h1 a, h2, h2 a, h3, h3 a { color: #00A0C6;}
#primary h1:first-child,
#secondary h3:first-child { }

a { color: #8cc63f;}
form { width: auto; }
textarea { width: 90% }


/* =Layout
-----------------------------------------------------------------------------*/
#page_wrapper { background: #8adbff url(../images/bg_site.gif); }
#header, 
#content_wrapper 	{ padding: 0 5%; }
#header 			{ position:relative; border-top: 6px solid #000038; height: 134px; background: #fff;}
#header h1#logo 	{ margin:0;}
#header h1#logo a,
#header h1#logo a:hover {display: block;  width: 401px; height: 91px; text-decoration: none; color: #00A0C6; font-size: 36px; }
#header h1#logo a {display: block; margin-top: 0; background: url(../images/gerhardsletten_logo.gif) no-repeat; text-indent:-900px; overflow:hidden;}

#header #description { position: absolute; top: 40px; right: 5%; width: 300px; height: 50px; z-index: 14; font-style:italic; font-size: 120%; text-align: right; color: #ccc;}
/*#header #description {	background: none url(../images/image.png) no-repeat; text-indent:-900px; overflow:hidden;}*/

#menu 				{ background: #fff; }

#content_wrapper 	{ position: relative; background: url(../images/bg_grad.png) repeat-x left top;  height: 100%; padding-top: 30px; border-top: 1px solid #fff;}
* html #content_wrapper { background: url(../images/bg_shadow.gif) repeat-x left top; }
#primary 			{ margin: 0px 23em 15px 0px;  border: 0px solid red;}		

#secondary 			{ position: absolute; top: 30px; right: 5%; width:20em; border: 0px solid #fff;  }

#footer 			{ clear:both;  padding: 1em; }
#footer p 			{ text-align: center; font-size: 11px; color: #4d5858; line-height: 1;}
#footer a 			{ color: inherit; text-decoration:none; }


/* =Menu
-----------------------------------------------------------------------------*/
#menu .information {display:none;}
#menu ul 			{ overflow:hidden; width:90%; margin:0 auto; padding: .8em 0; /* Center of page */}
#menu ul li 		{ display: inline; }
#menu ul li a 		{ font-size: 140%; text-decoration: none; font-weight: bold; color: #8cc63f; margin-right: 1em; padding: 3px 6px;}
#menu ul li a:hover { color: #8cc63f; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;}
#menu ul li.current_page_item a { border-top: 2px solid #666; border-bottom: 2px solid #666;}
* html #menu ul li a {height: 1%;}
